<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
	<head>
		<title>Events</title>
	</head>
<body>
<f:view>

	<h:form>
		<h3>Event Data:</h3>
			EVENT: <h:outputText value="#{event.comment}" /><br>
			START: <h:outputText value="#{event.startTime}" /><br>
			END: <h:outputText value="#{event.endTime}" /><br>

	</h:form>
	<hr>
	<h:dataTable var="eventItem" value="#{eventTable.eventItems}" border="1" width="100%">
	    <f:facet name="header">
	      <h:outputText value="Events" />
	    </f:facet>
	    <h:column>
	      <f:facet name="header">
	        <h:outputText value="Start" />
	      </f:facet>
	      <h:outputText value="#{eventItem.startTime}" />
	    </h:column>
	    <h:column>
	      <f:facet name="header">
	        <h:outputText value="Stop" />
	      </f:facet>
	      <h:outputText value="#{eventItem.endTime}" />
	    </h:column>
	    <h:column>
	      <f:facet name="header">
	        <h:outputText value="Comment" />
	      </f:facet>
	      <h:outputText value="#{eventItem.comment}" />
	    </h:column>
	    <f:facet name="footer">
	      <h:outputText value="Items: #{eventTable.size}" />
	    </f:facet>
  	</h:dataTable>
  	
</f:view>
</body>
</html>